<template>
  <div class="theColorRules">
    <lotteryHeader></lotteryHeader>
    <div class="lotteryColorW theColorRulesBox displayFlex">
      <div class="colorListBox">
        <colorOfList></colorOfList>
      </div>
      <div class="colorRulesInfo">
        <colorOfContent></colorOfContent>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
  import './colorRules.scss';
  import lotteryHeader from '../../../components/lotteryColor/header/index';
  import Footer from '../../../components/footer/index.vue';
  import colorOfList from '../../../components/lotteryColor/lotteryRules/index';
  import colorOfContent from './colorRules';
  export default {
    data() {
      return {

      }
    },
    mounted(){
      let height = $(window).height();
      $('.theColorRules').height(height - 68-64);
      $(window).resize(function () {
        let height = $(window).height();
        $('.theColorRules').height(height - 68-64);
      });
    },
    components: {
      lotteryHeader,
      colorOfList,
      Footer,
      colorOfContent
    }
  }
</script>
